﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0048)http://1.s3.envato.com/files/18277954/index.html -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>jQuery Banner Rotator</title>
    <link rel="stylesheet" type="text/css" href="./jQuery Banner Rotator_files/preview.css">
    <link rel="stylesheet" type="text/css" href="./jQuery Banner Rotator_files/wt-rotator.css">
    <script type="text/javascript" src="./jQuery Banner Rotator_files/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="./jQuery Banner Rotator_files/jquery.easing.1.3.min.js"></script>
    <script type="text/javascript" src="./jQuery Banner Rotator_files/jquery.wt-rotator.min.js"></script>
    <script type="text/javascript" src="./jQuery Banner Rotator_files/preview.js"></script>
    <!--[if lt IE 9]>
  	<style>
    	.panel {
	    	border-left:1px solid #444;
			border-right:1px solid #444;
        }
    </style>
    <![endif]-->
</head>
<body>
    <div class="panel">
        <div class="title">
        </div>
        <div class="container">
            <div class="wt-rotator" style="width: 825px; height: 300px;">
                <div class="screen" style="width: 825px; height: 300px;">
                    <noscript>
                        &lt;img src="images/triworks_abstract17.jpg"/&gt;</noscript>
                    <div class="desc" style="visibility: visible; top: 45px; left: 6px; width: 336px;
                        height: 94px; display: block;">
                        <div class="inner-bg" style="background-color: rgb(255, 255, 255); height: 93px;">
                        </div>
                        <div class="inner-text" style="width: auto; height: auto; color: rgb(0, 0, 0); opacity: 1;">
                            <h1 style="color: #0CF">
                                JQuery Banner Rotator</h1>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tincidunt mi a lectus
                            gravida pulvinar. Aliquam viverra cursus felis, lobortis elementum tortor malesuada
                            non. Suspendisse hendrerit tortor a mauris auctor eu sodales metus laoreet.
                        </div>
                    </div>
                    <div class="preloader" style="display: none;">
                    </div>
                    <div class="timer" style="top: 0px; overflow-x: hidden; overflow-y: hidden; visibility: visible;
                        width: 75.992px;">
                    </div>
                    <a href="http://codecanyon.net/user/webtako" style="cursor: pointer;" target="_blank">
                        <div class="vpiece" id="0" style="left: 0px; height: 300px; background-image: url(http://1.s3.envato.com/files/18277954/images/triworks_abstract26.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; z-index: 3; top: 0px; opacity: 1; width: 55px; background-position: 0px 0px;
                            background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="vpiece" id="1" style="left: 55px; height: 300px; background-image: url(http://1.s3.envato.com/files/18277954/images/triworks_abstract26.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; z-index: 3; top: 0px; opacity: 1; width: 55px; background-position: -55px 0px;
                            background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="vpiece" id="2" style="left: 110px; height: 300px; background-image: url(http://1.s3.envato.com/files/18277954/images/triworks_abstract26.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; z-index: 3; top: 0px; opacity: 1; width: 55px; background-position: -110px 0px;
                            background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="vpiece" id="3" style="left: 165px; height: 300px; background-image: url(http://1.s3.envato.com/files/18277954/images/triworks_abstract26.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; z-index: 3; top: 0px; opacity: 1; width: 55px; background-position: -165px 0px;
                            background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="vpiece" id="4" style="left: 220px; height: 300px; background-image: url(http://1.s3.envato.com/files/18277954/images/triworks_abstract26.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; z-index: 3; top: 0px; opacity: 1; width: 55px; background-position: -220px 0px;
                            background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="vpiece" id="5" style="left: 275px; height: 300px; background-image: url(http://1.s3.envato.com/files/18277954/images/triworks_abstract26.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; z-index: 3; top: 0px; opacity: 1; width: 55px; background-position: -275px 0px;
                            background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="vpiece" id="6" style="left: 330px; height: 300px; background-image: url(http://1.s3.envato.com/files/18277954/images/triworks_abstract26.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; z-index: 3; top: 0px; opacity: 1; width: 55px; background-position: -330px 0px;
                            background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="vpiece" id="7" style="left: 385px; height: 300px; background-image: url(http://1.s3.envato.com/files/18277954/images/triworks_abstract26.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; z-index: 3; top: 0px; opacity: 1; width: 55px; background-position: -385px 0px;
                            background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="vpiece" id="8" style="left: 440px; height: 300px; background-image: url(http://1.s3.envato.com/files/18277954/images/triworks_abstract26.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; z-index: 3; top: 0px; opacity: 1; width: 55px; background-position: -440px 0px;
                            background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="vpiece" id="9" style="left: 495px; height: 300px; background-image: url(http://1.s3.envato.com/files/18277954/images/triworks_abstract26.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; z-index: 3; top: 0px; opacity: 1; width: 55px; background-position: -495px 0px;
                            background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="vpiece" id="10" style="left: 550px; height: 300px; background-image: url(http://1.s3.envato.com/files/18277954/images/triworks_abstract26.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; z-index: 3; top: 0px; opacity: 1; width: 55px; background-position: -550px 0px;
                            background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="vpiece" id="11" style="left: 605px; height: 300px; background-image: url(http://1.s3.envato.com/files/18277954/images/triworks_abstract26.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; z-index: 3; top: 0px; opacity: 1; width: 55px; background-position: -605px 0px;
                            background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="vpiece" id="12" style="left: 660px; height: 300px; background-image: url(http://1.s3.envato.com/files/18277954/images/triworks_abstract26.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; z-index: 3; top: 0px; opacity: 1; width: 55px; background-position: -660px 0px;
                            background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="vpiece" id="13" style="left: 715px; height: 300px; background-image: url(http://1.s3.envato.com/files/18277954/images/triworks_abstract26.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; z-index: 3; top: 0px; opacity: 1; width: 55px; background-position: -715px 0px;
                            background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="vpiece" id="14" style="left: 770px; height: 300px; background-image: url(http://1.s3.envato.com/files/18277954/images/triworks_abstract26.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; z-index: 3; top: 0px; opacity: 1; width: 55px; background-position: -770px 0px;
                            background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="hpiece" id="0" style="top: 0px; width: 825px; background-image: url(http://1.s3.envato.com/files/18277954/images/china.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; left: -825px; height: 50px; z-index: 2; opacity: 0;
                            background-position: 0px 0px; background-repeat: no-repeat no-repeat;">
                            <!-- -->
                        </div>
                        <div class="hpiece" id="1" style="top: 50px; width: 825px; background-image: url(http://1.s3.envato.com/files/18277954/images/china.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; left: -825px; height: 50px; z-index: 2; opacity: 0;
                            background-position: 0px -50px; background-repeat: no-repeat no-repeat;">
                            <!-- -->
                        </div>
                        <div class="hpiece" id="2" style="top: 100px; width: 825px; background-image: url(http://1.s3.envato.com/files/18277954/images/china.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; left: -825px; height: 50px; z-index: 2; opacity: 0;
                            background-position: 0px -100px; background-repeat: no-repeat no-repeat;">
                            <!-- -->
                        </div>
                        <div class="hpiece" id="3" style="top: 150px; width: 825px; background-image: url(http://1.s3.envato.com/files/18277954/images/china.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; left: -825px; height: 50px; z-index: 2; opacity: 0;
                            background-position: 0px -150px; background-repeat: no-repeat no-repeat;">
                            <!-- -->
                        </div>
                        <div class="hpiece" id="4" style="top: 200px; width: 825px; background-image: url(http://1.s3.envato.com/files/18277954/images/china.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; left: -825px; height: 50px; z-index: 2; opacity: 0;
                            background-position: 0px -200px; background-repeat: no-repeat no-repeat;">
                            <!-- -->
                        </div>
                        <div class="hpiece" id="5" style="top: 250px; width: 825px; background-image: url(http://1.s3.envato.com/files/18277954/images/china.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; left: -825px; height: 50px; z-index: 2; opacity: 0;
                            background-position: 0px -250px; background-repeat: no-repeat no-repeat;">
                            <!-- -->
                        </div>
                        <div class="block" id="0-0" style="background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 0px; left: 0px; overflow-x: hidden; overflow-y: hidden;
                            width: 2.60203125px; height: 2.60203125px; z-index: 2; opacity: 0; background-position: 0px 0px;
                            background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="0-1" style="background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 0px; left: 75px; width: 0px; height: 0px; z-index: 2;
                            opacity: 0; background-position: -75px 0px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="0-2" style="background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 0px; left: 150px; width: 0px; height: 0px; z-index: 2;
                            opacity: 0; background-position: -150px 0px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="0-3" style="overflow-x: hidden; overflow-y: hidden; background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 0px; left: 225px; width: 0px; height: 0px; z-index: 2;
                            opacity: 0; background-position: -225px 0px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="0-4" style="background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 0px; left: 300px; width: 0px; height: 0px; z-index: 2;
                            opacity: 0; background-position: -300px 0px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="0-5" style="overflow-x: hidden; overflow-y: hidden; background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 0px; left: 375px; width: 0px; height: 0px; z-index: 2;
                            opacity: 0; background-position: -375px 0px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="0-6" style="overflow-x: hidden; overflow-y: hidden; background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 0px; left: 450px; width: 0px; height: 0px; z-index: 2;
                            opacity: 0; background-position: -450px 0px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="0-7" style="background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 0px; left: 525px; width: 0px; height: 0px; z-index: 2;
                            opacity: 0; background-position: -525px 0px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="0-8" style="overflow-x: hidden; overflow-y: hidden; background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 0px; left: 600px; width: 0px; height: 0px; z-index: 2;
                            opacity: 0; background-position: -600px 0px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="0-9" style="background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 0px; left: 675px; width: 0px; height: 0px; z-index: 2;
                            opacity: 0; background-position: -675px 0px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="0-10" style="overflow-x: hidden; overflow-y: hidden; background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 0px; left: 750px; width: 0px; height: 0px; z-index: 2;
                            opacity: 0; background-position: -750px 0px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="1-0" style="overflow-x: hidden; overflow-y: hidden; background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 75px; left: 0px; width: 0px; height: 0px; z-index: 2;
                            opacity: 0; background-position: 0px -75px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="1-1" style="overflow-x: hidden; overflow-y: hidden; background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 75px; left: 75px; width: 0px; height: 0px; z-index: 2;
                            opacity: 0; background-position: -75px -75px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="1-2" style="overflow-x: hidden; overflow-y: hidden; background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 75px; left: 150px; width: 0px; height: 0px; z-index: 2;
                            opacity: 0; background-position: -150px -75px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="1-3" style="overflow-x: hidden; overflow-y: hidden; background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 75px; left: 225px; width: 0px; height: 0px; z-index: 2;
                            opacity: 0; background-position: -225px -75px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="1-4" style="background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 75px; left: 300px; width: 0px; height: 0px; z-index: 2;
                            opacity: 0; background-position: -300px -75px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="1-5" style="background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 75px; left: 375px; width: 0px; height: 0px; z-index: 2;
                            opacity: 0; background-position: -375px -75px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="1-6" style="background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 75px; left: 450px; width: 0px; height: 0px; z-index: 2;
                            opacity: 0; background-position: -450px -75px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="1-7" style="overflow-x: hidden; overflow-y: hidden; background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 75px; left: 525px; width: 0px; height: 0px; z-index: 2;
                            opacity: 0; background-position: -525px -75px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="1-8" style="overflow-x: hidden; overflow-y: hidden; background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 75px; left: 600px; width: 0px; height: 0px; z-index: 2;
                            opacity: 0; background-position: -600px -75px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="1-9" style="overflow-x: hidden; overflow-y: hidden; background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 75px; left: 675px; width: 0px; height: 0px; z-index: 2;
                            opacity: 0; background-position: -675px -75px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="1-10" style="background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 75px; left: 750px; width: 0px; height: 0px; z-index: 2;
                            opacity: 0; background-position: -750px -75px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="2-0" style="overflow-x: hidden; overflow-y: hidden; background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 150px; left: 0px; width: 0px; height: 0px; z-index: 2;
                            opacity: 0; background-position: 0px -150px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="2-1" style="overflow-x: hidden; overflow-y: hidden; background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 150px; left: 75px; width: 0px; height: 0px; z-index: 2;
                            opacity: 0; background-position: -75px -150px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="2-2" style="background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 150px; left: 150px; width: 0px; height: 0px;
                            z-index: 2; opacity: 0; background-position: -150px -150px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="2-3" style="overflow-x: hidden; overflow-y: hidden; background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 150px; left: 225px; width: 0px; height: 0px;
                            z-index: 2; opacity: 0; background-position: -225px -150px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="2-4" style="background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 150px; left: 300px; width: 0px; height: 0px;
                            z-index: 2; opacity: 0; background-position: -300px -150px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="2-5" style="background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 150px; left: 375px; width: 0px; height: 0px;
                            z-index: 2; opacity: 0; background-position: -375px -150px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="2-6" style="background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 150px; left: 450px; width: 0px; height: 0px;
                            z-index: 2; opacity: 0; background-position: -450px -150px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="2-7" style="background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 150px; left: 525px; width: 0px; height: 0px;
                            z-index: 2; opacity: 0; background-position: -525px -150px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="2-8" style="background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 150px; left: 600px; width: 0px; height: 0px;
                            z-index: 2; opacity: 0; background-position: -600px -150px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="2-9" style="overflow-x: hidden; overflow-y: hidden; background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 150px; left: 675px; width: 0px; height: 0px;
                            z-index: 2; opacity: 0; background-position: -675px -150px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="2-10" style="background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 150px; left: 750px; width: 0px; height: 0px;
                            z-index: 2; opacity: 0; background-position: -750px -150px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="3-0" style="background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 225px; left: 0px; width: 0px; height: 0px; z-index: 2;
                            opacity: 0; background-position: 0px -225px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="3-1" style="background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 225px; left: 75px; width: 0px; height: 0px; z-index: 2;
                            opacity: 0; background-position: -75px -225px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="3-2" style="overflow-x: hidden; overflow-y: hidden; background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 225px; left: 150px; width: 0px; height: 0px;
                            z-index: 2; opacity: 0; background-position: -150px -225px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="3-3" style="background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 225px; left: 225px; width: 0px; height: 0px;
                            z-index: 2; opacity: 0; background-position: -225px -225px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="3-4" style="background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 225px; left: 300px; width: 0px; height: 0px;
                            z-index: 2; opacity: 0; background-position: -300px -225px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="3-5" style="overflow-x: hidden; overflow-y: hidden; background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 225px; left: 375px; width: 0px; height: 0px;
                            z-index: 2; opacity: 0; background-position: -375px -225px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="3-6" style="overflow-x: hidden; overflow-y: hidden; background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 225px; left: 450px; width: 0px; height: 0px;
                            z-index: 2; opacity: 0; background-position: -450px -225px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="3-7" style="overflow-x: hidden; overflow-y: hidden; background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 225px; left: 525px; width: 0px; height: 0px;
                            z-index: 2; opacity: 0; background-position: -525px -225px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="3-8" style="background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 225px; left: 600px; width: 0px; height: 0px;
                            z-index: 2; opacity: 0; background-position: -600px -225px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="3-9" style="overflow-x: hidden; overflow-y: hidden; background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 225px; left: 675px; width: 0px; height: 0px;
                            z-index: 2; opacity: 0; background-position: -675px -225px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <div class="block" id="3-10" style="background-image: url(http://1.s3.envato.com/files/18277954/images/koala.jpg);
                            background-attachment: initial; background-origin: initial; background-clip: initial;
                            background-color: initial; top: 225px; left: 750px; width: 0px; height: 0px;
                            z-index: 2; opacity: 0; background-position: -750px -225px; background-repeat: no-repeat no-repeat;">
                        </div>
                        <img class="main-img" src="./jQuery Banner Rotator_files/hk.jpg" id="" style="display: none;"><img
                            class="main-img" src="./jQuery Banner Rotator_files/hk.jpg" id="" style="display: none;"><img
                                class="main-img" src="./jQuery Banner Rotator_files/singapore.jpg" id="" style="display: none;"><img
                                    class="main-img" src="./jQuery Banner Rotator_files/main_ghat.jpg" id="" style="display: none;"><img
                                        class="main-img" src="./jQuery Banner Rotator_files/temple.jpg" id="" style="display: none;"><img
                                            class="main-img" src="./jQuery Banner Rotator_files/koala.jpg" id="" style="display: none;"><img
                                                class="main-img" src="./jQuery Banner Rotator_files/lion.jpg" id="" style="display: none;"><img
                                                    class="main-img" src="./jQuery Banner Rotator_files/china.jpg" id="" style="display: none;"><img
                                                        class="main-img" src="./jQuery Banner Rotator_files/flowers.jpg" id="" style="display: none;"><img
                                                            class="main-img" src="./jQuery Banner Rotator_files/triworks_abstract26.jpg"
                                                            id="curr-img" style="display: inline;"></a></div>
                <div class="c-panel" style="margin-top: 5px; margin-bottom: 5px; height: 26px; left: 460px;
                    top: 264px; visibility: visible;">
                    <div class="thumbnails" style="height: 26px;">
                        <ul style="height: 26px;">
                            <li style="width: 24px; height: 24px; line-height: 24px; margin-right: 5px;" class="">
                                <a href="./jQuery Banner Rotator_files/hk.jpg" title="hong kong">
                                    <img src="./jQuery Banner Rotator_files/hk(1).jpg"></a> <a href="http://codecanyon.net/user/webtako"
                                        target="_blank"></a>
                                <div style="left: 5px; top: 36px; width: 350px; height: 0px;">
                                    <h1>
                                        JQuery Banner Rotator</h1>
                                    Lorem ipsum ad vis puto molestie, ex est simul docendi, ei ius decore patrioque
                                    complectitur. Per te dolor necessitatibus. Duo quis modo in, reque sonet an pri.
                                    In lorem fugit impedit eum, pro docendi rationibus reformidans et. Cum ei ludus
                                    feugait luptatum.</div>
                                1</li><li style="width: 24px; height: 24px; line-height: 24px; margin-right: 5px;"
                                    class=""><a href="./jQuery Banner Rotator_files/singapore.jpg" title="singapore">
                                        <img src="./jQuery Banner Rotator_files/singapore(1).jpg"></a> <a href="http://codecanyon.net/user/webtako"
                                            target="_blank"></a>
                                    <div style="left: 484px; top: 36px; width: 336px; height: 0px;">
                                        <h1>
                                            JQuery Banner Rotator</h1>
                                        Lorem ipsum ad vis puto molestie, ex est simul docendi, ei ius decore patrioque
                                        complectitur. Per te dolor necessitatibus. Duo quis modo in, reque sonet an pri.
                                        In lorem fugit impedit eum, pro docendi rationibus reformidans et. Cum ei ludus
                                        feugait luptatum.</div>
                                    2</li><li style="width: 24px; height: 24px; line-height: 24px; margin-right: 5px;"
                                        class=""><a href="./jQuery Banner Rotator_files/main_ghat.jpg" title="main ghat">
                                            <img src="./jQuery Banner Rotator_files/main_ghat(1).jpg"></a> <a href="http://codecanyon.net/user/webtako"
                                                target="_blank"></a>
                                        <div style="left: 5px; top: 36px; width: 336px; height: 0px; color: rgb(0, 0, 0);
                                            background-color: rgb(255, 255, 255);">
                                            <h1 style="color: #0CF">
                                                JQuery Banner Rotator</h1>
                                            Lorem ipsum ad vis puto molestie, ex est simul docendi, ei ius decore patrioque
                                            complectitur. Per te dolor necessitatibus. Duo quis modo in, reque sonet an pri.
                                            In lorem fugit impedit eum, pro docendi rationibus reformidans et. Cum ei ludus
                                            feugait luptatum.</div>
                                        3</li><li style="width: 24px; height: 24px; line-height: 24px; margin-right: 5px;"
                                            class=""><a href="./jQuery Banner Rotator_files/temple.jpg" title="temple">
                                                <img src="./jQuery Banner Rotator_files/temple(1).jpg"></a> <a href="http://codecanyon.net/user/webtako"
                                                    target="_blank"></a>
                                            <div style="left: 5px; top: 94px; width: 336px; height: 0px;">
                                                <h1>
                                                    JQuery Banner Rotator</h1>
                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tincidunt mi a lectus
                                                gravida pulvinar. Aliquam viverra cursus felis, lobortis elementum tortor malesuada
                                                non. Suspendisse hendrerit tortor a mauris auctor eu sodales metus laoreet.
                                            </div>
                                            4</li><li style="width: 24px; height: 24px; line-height: 24px; margin-right: 5px;"
                                                class=""><a href="./jQuery Banner Rotator_files/koala.jpg" title="koala bear">
                                                    <img src="./jQuery Banner Rotator_files/koala(1).jpg"></a> <a href="http://codecanyon.net/user/webtako"
                                                        target="_blank"></a>
                                                <div style="left: 5px; top: 36px; width: 350px; height: 0px;">
                                                    <h1>
                                                        JQuery Banner Rotator</h1>
                                                    Lorem ipsum ad vis puto molestie, ex est simul docendi, ei ius decore patrioque
                                                    complectitur. Per te dolor necessitatibus. Duo quis modo in, reque sonet an pri.
                                                    In lorem fugit impedit eum, pro docendi rationibus reformidans et. Cum ei ludus
                                                    feugait luptatum.</div>
                                                5</li><li style="width: 24px; height: 24px; line-height: 24px; margin-right: 5px;"
                                                    class=""><a href="./jQuery Banner Rotator_files/lion.jpg" title="lion">
                                                        <img src="./jQuery Banner Rotator_files/lion(1).jpg"></a> <a href="http://codecanyon.net/user/webtako"
                                                            target="_blank"></a>
                                                    <div style="left: 5px; top: 94px; width: 336px; height: 0px;">
                                                        <h1>
                                                            JQuery Banner Rotator</h1>
                                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tincidunt mi a lectus
                                                        gravida pulvinar. Aliquam viverra cursus felis, lobortis elementum tortor malesuada
                                                        non. Suspendisse hendrerit tortor a mauris auctor eu sodales metus laoreet.
                                                    </div>
                                                    6</li><li style="width: 24px; height: 24px; line-height: 24px; margin-right: 5px;"
                                                        class=""><a href="./jQuery Banner Rotator_files/china.jpg" title="china">
                                                            <img src="./jQuery Banner Rotator_files/china(1).jpg"></a> <a href="http://codecanyon.net/user/webtako"
                                                                target="_blank"></a>
                                                        <div style="left: 484px; top: 36px; width: 336px; height: 0px; color: rgb(0, 0, 0);
                                                            background-color: rgb(255, 255, 255);">
                                                            <h1 style="color: #0CF">
                                                                JQuery Banner Rotator</h1>
                                                            Lorem ipsum ad vis puto molestie, ex est simul docendi, ei ius decore patrioque
                                                            complectitur. Per te dolor necessitatibus. Duo quis modo in, reque sonet an pri.
                                                            In lorem fugit impedit eum, pro docendi rationibus reformidans et. Cum ei ludus
                                                            feugait luptatum.</div>
                                                        7</li><li style="width: 24px; height: 24px; line-height: 24px; margin-right: 5px;"
                                                            class=""><a href="./jQuery Banner Rotator_files/flowers.jpg" title="flowers">
                                                                <img src="./jQuery Banner Rotator_files/flowers(1).jpg"></a> <a href="http://codecanyon.net/user/webtako"
                                                                    target="_blank"></a>
                                                            <div style="left: 5px; top: 94px; width: 336px; height: 0px;">
                                                                <h1>
                                                                    JQuery Banner Rotator</h1>
                                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tincidunt mi a lectus
                                                                gravida pulvinar. Aliquam viverra cursus felis, lobortis elementum tortor malesuada
                                                                non. Suspendisse hendrerit tortor a mauris auctor eu sodales metus laoreet.
                                                            </div>
                                                            8</li><li style="width: 24px; height: 24px; line-height: 24px; margin-right: 5px;"
                                                                class="curr-thumb"><a href="./jQuery Banner Rotator_files/triworks_abstract26.jpg"
                                                                    title="3D abstract art">
                                                                    <img src="./jQuery Banner Rotator_files/triworks_abstract26(1).jpg"></a> <a href="http://codecanyon.net/user/webtako"
                                                                        target="_blank"></a>
                                                                <div style="left: 5px; top: 36px; width: 336px; height: 0px; color: rgb(0, 0, 0);
                                                                    background-color: rgb(255, 255, 255);">
                                                                    <h1 style="color: #0CF">
                                                                        JQuery Banner Rotator</h1>
                                                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tincidunt mi a lectus
                                                                    gravida pulvinar. Aliquam viverra cursus felis, lobortis elementum tortor malesuada
                                                                    non. Suspendisse hendrerit tortor a mauris auctor eu sodales metus laoreet.
                                                                </div>
                                                                9</li></ul>
                    </div>
                    <div class="buttons" style="height: 26px;">
                        <div class="prev-btn" style="width: 24px; height: 24px; margin-right: 5px;">
                        </div>
                        <div class="play-btn pause" style="width: 24px; height: 24px; margin-right: 5px;">
                        </div>
                        <div class="next-btn" style="width: 24px; height: 24px; margin-right: 5px;">
                        </div>
                    </div>
                </div>
            </div>
        </div>
       
    </div>
    <div id="rotator-tooltip" class="img-up">
        <img src="./jQuery Banner Rotator_files/hk(1).jpg">
        <img src="./jQuery Banner Rotator_files/singapore(1).jpg">
        <img src="./jQuery Banner Rotator_files/main_ghat(1).jpg">
        <img src="./jQuery Banner Rotator_files/temple(1).jpg">
        <img src="./jQuery Banner Rotator_files/koala(1).jpg">
        <img src="./jQuery Banner Rotator_files/lion(1).jpg">
        <img src="./jQuery Banner Rotator_files/china(1).jpg">
        <img src="./jQuery Banner Rotator_files/flowers(1).jpg">
        <img src="./jQuery Banner Rotator_files/triworks_abstract26(1).jpg">
    </div>
</body>
</html>
